<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到巩义市星创净水材料厂！</title>
<?php echo ($style); ?>
<link href="/Public/home/style/public.css" rel="stylesheet" type="text/css">
<script src="/Public/home/style/jquery.js"></script>
<!--<script src="/Public/home/style/banner.js"></script>-->
</head>

<body>

<div class="blue">
  <div class="head">
    <span>全国统一服务热线：<i>15503718231</i>&nbsp;&nbsp;&nbsp;&nbsp;<i>15638267137</i></span>
    <p class="head-link"><a class="icon-online" href="#">在线留言</a>|<a class="icon-kefu" href="#">联系客服</a></p>
  </div>
</div>

<div class="header-nav">
  <a href="#"><img class="logo" src="/Public/home/images/logo.png" alt="巩义市星创净水材料厂"></a>
  <ul class="navul">
    <?php if(is_array($cate)): $i = 0; $__LIST__ = $cate;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li><a href="<?php echo U($vo['contro_name'].'/index');?>"><?php echo ($vo["name"]); ?></a></li><?php endforeach; endif; else: echo "" ;endif; ?>
  </ul>
</div>

<div class="banner_container">
    <div class="banner">
      <?php if(is_array($pict)): $i = 0; $__LIST__ = $pict;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><img src="/Public/uploads/<?php echo ($vo["image"]); ?>"><?php endforeach; endif; else: echo "" ;endif; ?>
    </div>
    <ul class="banner_btn">
      <li class=" "></li>
      <li class="currentLi"></li>
      <li class=" "></li>
    </ul>
  </div>

<div class="gonggao">
  <div class="w1200"> 
      <img src="/Public/home/images/zkgg.png" alt="" title="">
      <div class="scrollDiv" id="s1">
      <ul style="margin-top: 0px;">
        <?php if(is_array($gonggao)): $i = 0; $__LIST__ = $gonggao;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li><a href="<?php echo U('News/info',array('id'=>$vo['id']));?>">+&nbsp;&nbsp;<?php echo ($vo["name"]); ?></a><span><?php echo date('Y-m-d',$vo['publish_time']);?></span></li><?php endforeach; endif; else: echo "" ;endif; ?>
      </ul>
    </div>
    <script type="text/javascript">
  function AutoScroll(obj){
    $(obj).find("ul:first").animate({
      marginTop:"-25px"
    },500,function(){
      $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
    });
  }
  $(document).ready(function(){
    setInterval('AutoScroll("#s1")',3000);
  });
  </script>
      <p class="gonggao-txt">
      <?php if(CONTROLLER_NAME != Index): ?><a href="<?php echo U('Index/index');?>">首页</a>
        <a href="<?php echo U(CONTROLLER_NAME.'/index');?>"><?php echo ($top["name"]); ?></a>
        <if condition="!empty($fenlei)">
        <a href="<?php echo U(CONTROLLER_NAME.'/index',array('id',$fenlei['id']));?>"><?php echo ($fenlei["name"]); ?></a><?php endif; ?>
    </p>
  </div>
</div>

<div class="w1200 mt38">
    <div class="left-pro fl"> 
        <p class="pro_t"><?php echo ($top["name"]); ?></p>
        <ul style="padding-bottom: 10px;">
            <?php if(is_array($cate_list)): $i = 0; $__LIST__ = $cate_list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li><a href="<?php echo U('index',array('id'=>$vo['id']));?>">&nbsp;&nbsp;<?php echo ($vo["name"]); ?></a></li><?php endforeach; endif; else: echo "" ;endif; ?>
        </ul>
        
    <!--    <div class="recommend_pro">
              <h3 style="padding-left: 22px;">推荐产品</h3>
              <div class="recommend_slide">
                <div class="tempWrap" style="overflow:hidden; position:relative; height:440px">
                    <ul style="height: 900px; position: relative; padding: 0px; margin: 0px;">
                        <li class="clone" style="height: 150px;"><a title="聚合硫酸铝" href="#"><img alt="聚合硫酸铝" src="images/pro_hxt2.jpg"><span>聚合硫酸铝</span></a></li>
                        <li style="height: 150px;"><a title="活性氧化铝球" href="#"><img alt="活性氧化铝球" src="images/case_1.jpg"><span>活性氧化铝球</span></a></li>
                        <li style="height: 150px;"><a title="柱状活性炭" href="#"><img alt="柱状活性炭" src="images/case_4.jpg"><span>柱状活性炭</span></a></li>
                        <li style="height: 150px;"><a title="无烟煤滤料" href="#"><img alt="无烟煤滤料" src="images/case_2.jpg"><span>无烟煤滤料</span></a></li>
                        <li style="height: 150px;"><a title="金刚砂滤料" href="#"><img alt="金刚砂滤料" src="images/case_5.jpg"><span>金刚砂滤料</span></a></li>
                        <li style="height: 150px;"><a title="EPS泡沫滤珠" href="#"><img alt="EPS泡沫滤珠" src="images/case_6.jpg"><span>EPS泡沫滤珠</span></a></li>
                    </ul>
                </div>
            </div>
         <script type="text/javascript">

    /* 推荐产品无缝滚动 */

    jQuery(".recommend_pro").slide({mainCell:".recommend_slide ul",autoPlay:true,effect:"topMarquee",vis:2,interTime:50});

    </script> 
    </div>-->
        
        <div class="pro_left_form">
      <script type="text/javascript">
        $(function(){
            $('.sub').click(function(){
                if($('#name2').val()==''){
                    alert('请输入姓名！');
                    return false;
                    }
                else if($('#tel2').val()==''){
                    alert('请输入电话！');
                    return false;
                    }
                else if($('#email2').val()==''){
                    alert('请输入邮箱！');
                    return false;
                    }
                    else{
            var data = $('#msg').serialize();
            $.ajax({
              url : "/xingc/Lxwm/lianxi",
              data : data,
              type : 'post',
              dataType : 'json',
              success : function(res){
                if(res == "OK"){
                  alert('留言成功');
                  $('#msg [type="text"]').val('');

                }
                else{
                  alert(res);
                }
              }
            });
          }
            })
        })
      </script>
        <p class="tie">根据您的具体需求进行定制！</p>
        <form id="msg">
          <p>
            <label for="">姓名</label>
            <input name="name" id="name2" type="text">
          </p>
          <p>
            <label for="">手机</label>
            <input name="phone" id="tel2" type="text">
          </p>
          <p>
            <label for="">邮箱</label>
            <input name="email" id="email2" type="text">
          </p>
          <p class="btn">
            <input class="sub" type="button" value="提 交" style="width: 90%;padding-top: 3px;padding-bottom: 3px;margin-top: 5px;">
          </p>
        </form>
      </div> 
    </div>
    <div class="right index-pro">
        <?php echo ($data["content"]); ?>
    </div>
    <div class="clearfix"></div>
</div>
<div class="gr_footer blue">
  <div class="footer gr_width">
   <p class="foot_nav"> 
      <?php if(is_array($cate)): $k = 0; $__LIST__ = $cate;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($k % 2 );++$k;?><a href="<?php echo U($vo['contro_name'].'/index');?>"><?php echo ($vo["name"]); ?></a> <?php if($k != count($cate)): ?><span>|</span><?php endif; endforeach; endif; else: echo "" ;endif; ?>

      <!-- <a title="产品展示" href="#">产品展示</a><span>|</span>
      <a title="新闻中心" href="#">新闻中心</a><span>|</span>
      <a title="客户案例" href="#">客户案例</a><span>|</span>
      <a title="关于星创" href="#">关于星创</a><span>|</span>
      <a title="联系我们呢" href="#">联系我们</a> -->
      </p>
    <div class="foot_left">
      <h2 class="foot_logo"> <a href=""><img src="/Public/home/images/logo_b.png" alt="" width="100%;"></a> </h2>
      
    <div class="clearfix"></div>
    </div>
    <div class="foot_right">
      <p class="p02">
      <span class="sp01">全国咨询电话：<?php echo ($config["tel"]); ?></span>
      <span class="sp01">地址：<?php echo ($config["address"]); ?></span> 
      <span class="sp01">手机：<?php echo ($config["phone"]); ?></span>
      </p>
           <p class="p02">
            Copyright © 0000000 www.xh.com&nbsp;&nbsp;&nbsp;&nbsp;版权所有<span><a style="color:#b9d4e7;" href="#" target="_blank">豫ICP000000号</a></span>&nbsp;&nbsp;&nbsp;&nbsp; <span>技术支持：<a style="color:#b9d4e7;" href="http://www.hohu.com.cn" target="_blank">红狐企业网</a></span>
    </p>
    </div>
  </div>
</div>
<script>
  
  /*重新设置banner宽度*/
$(".banner").css({width:1920*$(".banner img").length});
/*记录播放索引值*/
var n=0;
/*播放函数*/
function runLeft(){
  if(n<2){
  n=n+1;
  }else{
  $(".banner").css({marginLeft:-960});
  n=1;
  }
  $(".banner").stop().animate({marginLeft:(-960-1920*n)},1000);
  $(".banner_btn li").removeClass("currentLi");
  if(n==$(".banner img").length-1){
  $(".banner_btn li").eq(0).addClass("currentLi");
  }else{   
  $(".banner_btn li").eq(n).addClass("currentLi");  
  }
}
var timer=setInterval(runLeft,4000);
/*按钮控制*/
$(".banner_btn li").hover(function(){
  clearInterval(timer);
  n = $(".banner_btn li").index(this);
  $(".banner").stop().animate({marginLeft:(-960-1920*n)},1000);
  $(".banner_btn li").removeClass("currentLi");
  $(this).addClass("currentLi");
},function(){
  timer=setInterval(runLeft,4000);
})
</script>
</body>
</html>